import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const InfoIconSvg = () => (
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M10 18.75C14.8325 18.75 18.75 14.8325 18.75 10C18.75 5.16751 14.8325 1.25 10 1.25C5.16751 1.25 1.25 5.16751 1.25 10C1.25 14.8325 5.16751 18.75 10 18.75ZM9.24988 5H10.7498V6.49994H9.24988V5ZM9.38202 8.125H10.632V14.9997H9.38202V8.125Z"
      fill="#126BF1"
    />
  </svg>
);

const InfoIcon = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={InfoIconSvg} {...props} />;
};

export default InfoIcon;
